.account-security {
    color: #444;
    font-size: 14px;
    .address-title {
        border-bottom: 1px solid #e5e5e5;
        height: 79px;
        h4 {
            color: #444;
            font-size: 18px;
            font-weight: 500;
            line-height: 90px;
        }
    }
}
.account-content {
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    padding: 0 39px;
    width: 100%;
    .account-model {
        height: 379px;
        li {
            border-bottom: solid 1px #e5e5e5;
            height: 94px;
            line-height: 94px;
            .span-icon {
                float: left;
                height: 94px;
                line-height: 94px;
                .icon-icon-test {
                    color: #60d982;
                    font-size: 40px;
                }
                .icon-tixing {
                    color: #f9b745;
                    font-size: 40px;
                }
            }
            .span-password {
                float: left;
                font-size: 18px;
                padding-left: 20px;
            }
            .span-tip {
                color: #999;
                float: left;
                padding-left: 60px;
            }
            .span-edit {
                color: #55b7ea;
                cursor: pointer;
                float: right;
                padding-right: 40px;
            }
        }
    }

    .security-tip {
        padding: 24px 0 34px;
        p {
            margin-bottom: 4px;

        }
    }
    .modify-title {
        margin-bottom: 0;
        padding-top: 26px;
    }
}
//modify password
.modify-password {
    padding: 0;
    margin: 0 auto;
    width: 560px;
    .modify-heading {
        padding-bottom: 17px;
        .modify-status {
            & > ul {
                padding-top: 27px;
                padding-bottom: 10px;
                & > li {
                    float: left;
                    text-align: center;
                    .step {
                        float: left;
                        width: 48px;
                        i {
                            border-radius: 20px;
                            border: 2px solid #d0d0d0;
                            color: #d0d0d0;
                            display: block;
                            font-size: 18px;
                            height: 40px;
                            line-height: 38px;
                            width: 40px;
                        }
                        p {
                            color: #999;
                            margin-top: 5px;
                            &.p-modify {
                                margin-left: -18px;
                                width: 85px;
                            }
                            &.modify-margin {
                                margin-left: -8px;
                            }
                        }
                    }
                    .cricle-box {
                        float: left;
                        margin-top: 20px;
                        .cricle {
                            border-radius: 50%;
                            background-color: #d0d0d0;
                            float: left;
                            height: 4px;
                            margin-right: 8px;
                            width: 4px;
                        }
                    }
                }
                .already {
                    .step {
                        i {
                            border: 2px solid #60d982;
                            color: #60d982;
                        }
                        p {
                            color: #60d982;
                        }
                    }
                    .cricle-box {
                        .cricle {
                            background-color: #60d982;
                        }
                    }
                }
            }
        }
    }
    .order-btn {
        margin-left: 130px;
    }
    .modify-content1,
    .modify-content2,
    .modify-content3 {
        .signup-form {
            color: #666;
        }
        .ivu-form-item-error-tip {
            margin-left: 134px;
        }
        .modify-success {
            font-size: 18px;
            margin-top: 105px;
            margin-bottom: 170px;
        }
        .ivu-form-item-content {
            min-height: 42px;
            &:before {
                content: " ";
                display: table;
            }
            &:after {
                clear: both;
            }
        }
        .ivu-form-item {
            margin-top: 20px;
            .signup-form-control {
                border-radius: 0;
                height: 42px;
                width: 324px;
                &:focus {
                    outline: none;
                }
            }
            .signup-form-code {
                width: 174px;
            }
            .signup-form-obtain-code {
                background-color: #fff;
                border: solid 1px #de2634;
                color: #de2634;
                cursor: pointer;
                display: inline-block;
                height: 42px;
                line-height: 42px;
                margin-left: 10px;
                text-align: center;
                padding: 0;
                width: 140px;
            }
            .verification-code {
                display: inline-block;
                height: 42px;
                line-height: 42px;
                margin-left: 10px;
                text-align: center;
                width: 70px;
                img {
                    display: block;
                    height: 100%;
                    width: 100%;
                }
                + a {
                    cursor: pointer;
                    display: block;
                    line-height: 42px;
                    margin-left: 18px;
                }
            }
            .ivu-form-item-label {
                float: left;
                height: 42px;
                line-height: 42px;
                margin-bottom: 0;
                margin-right: 20px;
                text-align: right;
                width: 112px;
            }
            .default-telphone {
                color: #444;
                font-size: 18px;
                font-weight: 500;
                + span {
                    a {
                        color: #55b7ea;
                        &:first-child {
                            margin: 0 18px;
                        }
                    }
                }
            }
            .group-code {
                margin-top: 10px;
            }
            &:last-child {
                margin-bottom: 39px;
            }
        }
        .tip {
            display: block;
            padding-left: 134px;
        }
        .verification-input {
            margin-left: 2px;
        }
    }
}

